<template>
  <view class="pay-success-page">
    <view class="result-icon success">
      <text>✔</text>
    </view>
    <view class="result-text">支付成功!</view>
    <view class="merchant-info">
      <image class="logo" src="../../../assets/walmart.png" mode="aspectFill" />
      <view class="merchant-detail">
        <text class="store">沃尔玛超市（平安路店）</text>
      </view>
    </view>
    <view class="amount">￥123.30</view>
    <view class="coupon">
      <view class="coupon-info">
        <text class="coupon-title">希尔酒店</text>
        <text class="coupon-desc">满200件减50优惠券</text>
      </view>
      <view class="coupon-btn">查看并领取</view>
    </view>
    <view class="finish-btn" @click="goHome">完成</view>
  </view>
</template>

<script setup>
function goHome() {
  uni.switchTab({ url: '/pages/C/home/index' })
}
</script>

<style src="./pay-success.css" scoped></style> 